@import url(public.css);
body,header,menu,nav,li,footer{
	padding:0;
	margin:0;
	font-size:12px;
	list-style:none;

}
body{
	font-size:12px;
	font-family:"宋体", Arial, Helvetica, sans-serif;
	background:#ecfbfe;
}
header{
	height:137px;
	display:block;
	background:url(../mbimg/headerBg.png) left top repeat-x;
	width:100%;
}
header .header{
	width:960px;
	height:100px;
	overflow:hidden;
}
#logo{
	width:50%;
	float:left;
	height:105px;
}
header .header .header_right{
	width:45%;
	float:right;
	height:100px;
	text-align:right;
}
.header_link{
	background:url(../mbimg/header-01.jpg) repeat-x;
	height:40px;
		font-family:"Microsoft YaHei";
	width:350px;
	float:right;
	font-size:13px;
	color:#fff;
	text-align:center;
	line-height:22px;
	margin-top:2px;
}
.header_links{
	width:95%;
	padding-top:8px;
	margin:0px auto 0px auto;
	text-align:right;
	color:#656565;
}
.header_links a{
	color:#656565;
	padding:5px;
	padding-right:0;
}
.header_links a:hover{
	font-weight:bold;
	color:#db221d;
}
menu{
 clear:both;
}
nav{
	width:960px;
	height:37px;
	display:block;
	 
}
nav li{
	float:left;
	line-height:37px;
	display:block;
	width:106px;
	position:relative;
	z-index:999;
}
 
nav li a{
	display:block;
	width:98.8%;
	float:right;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	font-family:"Microsoft YaHei";
}
nav li.end{
	width:106px;
}
nav li a:hover,nav li a.default{
	color:#fff;
	background:#0071D1;
}

nav li ul{ position:absolute; top:37px; left:0px; width:106px; padding:0px 0px; background:#FFF url(../mbimg/nav_sub.png) left top no-repeat; display:none; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;}
nav li ul li{ width:106px; height:25px;}
nav li ul li a{ width:106px; height:25px; line-height:25px; font-size:12px; color:#333; font-family:宋体;  
font-weight:normal;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; position:relative; z-index:55;}
nav li ul li a:hover{ width:106px; height:25px; color:#0381D8; background-color:#FFF;}
#header { margin: 0 auto; width:960px; height:100px;}
#header .xphead{width:960px; height:100px; float:left;}
#header .xphead h1{width:550px; height:100px; float:left; background:url(../mbimg/logo.png) left center no-repeat;}
#header .xphead .xpright{width:330px; float:right;}
#header .xphead .xpright h2{width:72px; height:72px; overflow:hidden; margin-top:14px; background:url(../mbimg/erweima.png) left top no-repeat; float:left;}
#header .xphead .xpright ul{ width:256px; float:right;}
#header .xphead .xpright ul li{ width:256px; height:38px; margin-top:10px; float:left;}
#header .xphead .xpright ul li span{width:100px; height:38px; display:block; line-height:38px; vertical-align:middle; font-size:12px; color:#343434; font-family:"宋体"; text-align:right; float:left;}
#header .xphead .xpright ul li span.hot{width:150px; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-indent:5px; color:#0381D8; font-weight:bold; text-align:left;}
#header .xphead .xpright ul li input{width:238px; height:20px; border:#0381D8 solid 1px; background:url(../mbimg/keyIcon.jpg) right center no-repeat; line-height:20px; vertical-align:middle; text-align:left; margin-left:6px; margin-top:5px; margin-left:0px; text-indent:5px;}
#banner{
	height:370px;
 
}
#banners
{
    width:936px;
	height:220px;
}

.slider{width:960px;height:351px; position:relative;overflow:hidden;}
.conbox{position:absolute;top:0;left:0;/*必要元素*/}
.switcher{position:absolute;bottom:10px;right:10px;float:right;z-index:99;}
.switcher a{background:#fff;border:1px solid #FFFFFF;cursor:pointer;float:left;font-family:arial;height:18px;line-height:18px;width:18px;margin:2px;text-align:center;color:#333;}
.switcher a.cur,.switcher a:hover{background:#555;border:1px solid #555;height:18px;line-height:18px;width:18px;margin:2px;color:#fff;font-weight:800;}
/* slider1 水平 */
#Sider .conbox div{width:960px;height:351px;}
#Sider .conbox div a img{
	width:960px;height:350px;
}
#main_bg{
	 
	padding-top:20px;
}
main{
	display:block;
	width:960px;
}
#pro_type{
	width:206px;
	float:left;
	border:1px solid #aae1ff; 
}
.frame .title{
   height:31px;
	background:url(../mbimg/protitle.jpg) no-repeat;
	 
}
.frame .con{
	line-height:25px;
 
}
#pro_type .con{
 background:#fff;
}
dl {margin:0px;padding:0px; }
#SortNavList {overflow:hidden; background:#fff; height:395px;}
#SortNavList dd {margin:0px;padding:0px;}
#SortNavList dd dl dd {margin:0px;padding:0px;display:;}
#SortNavList dd dl dt {	
background:url(../mbimg/proli_t.jpg) repeat-x;
  }
#SortNavList dd dl dt a   
{
    display:block;
    margin-bottom:2px;
	line-height:36px;
	text-indent:25px;
	cursor:pointer;
    width:99%;
    text-overflow: ellipsis;
	white-space: nowrap;
	table-layout: fixed;
	background:url(../mbimg/proicon.gif) 7px 12px no-repeat;
	color:#616161;
	font-weight:bold;
  }
#SortNavList dd dl dt a:hover 
{
 color:#cc0000;
}
#SortNavList li {
       margin:0px; 
    font-weight:normal;
}
#SortNavList li a 
 { display:block;
   text-indent:30px;
  text-decoration:none;
   height:24px;
  line-height:24px; 
  overflow:hidden;
   width:100%;
    text-overflow: ellipsis;
	white-space: nowrap;
	background:url(../mbimg/proicon.gif) 18px -46px no-repeat;
	table-layout: fixed;
	color:#757575;
	border-bottom:1px dashed #dddddd;
}
#SortNavList ul
{
   
    width:100%;
    margin:auto;
	padding-bottom:5px;
}
#SortNavList li a:hover,#SortNavList li a.current
{
    text-decoration:none;
    color: #c00; 
}
#product{
	width:745px;
	float:right;
	
	background:#fff;
	border:1px solid #aae1ff; 

}
.testtab{ position:relative;}
.tabtag{ line-height:30px; height:30px; border-bottom:1px solid #aae1ff; display:block; width:100%; }
.tabtag li{ float:left;color:#333; width:110px; text-align:center;line-height:30px; font-size:14px;font-weight:bold;}
.tabtag li.cur{ color:#fff; background:url(../mbimg/navBg.png) left top repeat-x;}
.tabcon{  height:375px; overflow:hidden; padding:8px; margin:2px;}
.tabcon div{color:#900; font-size:14px;padding:5px;}
.tabcon li{ line-height:28px;}
.testtab .more{
	position:absolute;
	top:10px;
	right:10px;
	z-index:55;
	display:block;
	width:50px;
	height:15px;
}

 
ul#proshow{
 width:100%;
}
ul#proshow li{
	float:left;
	width:176px;
	height:150px;
	display:block;
 
}
ul#proshow li a{
	display:block;
	width:165px;
	margin:0 auto;
	height:150px;
	line-height:20px;
	text-align:center;
	padding:1px;
	color:#335177;
}
ul#proshow li a img{
	 width:165px;
	 height:125px;
	 border:1px solid #d1d1d1;
}
ul#proshow li a span{
	display:block;
	line-height:20px;
}
#PIC,#PICb{
	width:960PX;
	margin-bottom:5px;
}
#PICb{
	height:1180px;
	width:958PX;
	background:#fff;
	border:1px solid #abe0ff;
	border-top:0;
	position:relative;
}
#PICb span{
	position:absolute;
	display:block;
	line-height:25px;
	color:#484848;
	font-size:14px;
}
#PICb span.img01
{
	width:391px;
	height:170px;
	left:25px;
	top:10px;
}
#PICb span.font01
{
	top:10px;
	width:407px;
	height:170px;
	right:50px;
}
#PICb span.img02
{
	width:391px;
	height:170px;
	right:60px;
	top:190px;
}
#PICb span.font02
{
	top:200px;
	width:407px;
	height:150px;
	left:30px;
}
#PICb span.img03
{
	width:391px;
	height:170px;
	right:60px;
	top:380px;
}
#PICb span.font03
{
	top:400px;
	width:452px;
	height:180px;
	left:30px;
}
#PICb span.img04
{
	width:391px;
	height:170px;
	left:30px;
	top:580px;
}
#PICb span.font04
{
	top:620px;
	width:385px;
	height:166px;
	right:60px;
}
#PICb span.img05
{
	width:391px;
	height:170px;
	left:30px;
	bottom:220px;
}
#PICb span.font05
{
	bottom:215px;
	width:350px;
	height:161px;
	right:85px;
}
#PICb span.img06
{
	width:391px;
	height:170px;
	right:60px;
	bottom:20px;
}
#PICb span.font06
{
	bottom:10px;
	width:466px;
	height:180px;
	left:30px;
}



#PICb span font{
	color:#243a6c;
}
#Cateshow{
	width:100%;
}
#Cateshow .titles{
	background:url(../mbimg/ctitle.jpg) no-repeat;
	position:relative;
	height:73px;
}
.case .more{
	position:absolute;
	left:60.8%;
	top:38px;
}
#Caseshow{
	padding:8px;
	background:#fff;
	height: auto;
	border:2px solid #9ad3de;
	border-top:0;
	overflow:hidden;
}
#Caseshow li{
	float:left;
	width:48%;
	height:145px;
	display:block;
	padding:8px;
 }
#Caseshow li span{
	display:block;
	
}

#Caseshow li img{
	width:114px;
	height:130px;
	padding:5px;
	border:1px solid #e5e5e5;
	float:left;
	margin-right:6px;
}
#Caseshow li span.info{
	width:70%;
	float:left;
}
#Caseshow li span.info h3{
	display:block;
	line-height:28px;
	font-weight:bold;
	text-indent:5px;
	width:99%;
	overflow:hidden;
    text-overflow:ellipsis;
	white-space: nowrap;
	table-layout: fixed;
	border-bottom:1px dotted #c9c9c9;
}
#Caseshow li span.info .intro{
	padding:5px;
	line-height:19px;
	color:#777777;
}
#Caseshow li  span.info h3 a{
	color:#003b84;
}
#team{
	width:232px;
	background:url(../mbimg/teambg.jpg) repeat-y;
}
.case{
	background:url(../mbimg/protitles.jpg) no-repeat;
}
 
#scxc{
	padding:8px;
	background:#fff;
	border:1px solid #a9e2ff;
} 

#scxc .frame .title{
	height:35px;
	text-indent:0;
 
}
#scxc .frame .cons{
	padding:5px;
width:920px;
height:170px;
overflow:hidden;
position:relative;
z-index:5;
}
.prev{
	float:left;
	margin-top:69px;
	width:30px;
 }
.next{
	float:right;
	margin-top:69px;
 }
#production{
	height:170px;
}
#production li{
	width:200px;
	display:block;
	float:left;
	height:175px;
}
#production li a{
	display:block;
	margin:0 auto;
	width:188px;
}
#production li a img{
	padding:2px;
	height:137px;
	width:182px;
	 
}
#production li a span{
	display:block;
	text-align:center;
	line-height:25px;
}
.video{
	width:266px;
	height:200px;
	background:url(../mbimg/videobg.jpg) no-repeat;
	padding:8px;
	margin:3px;
	margin-right:12px;
	float:left;
}
.frames{
	 background:#fff;
	 padding:12px;
 
}
#company{

	color:#656565;
	 width:642px;
}
#company .title{
	background:url(../mbimg/about_title.jpg) no-repeat;
	height:33px;
}
#company .title .more{
	display:block;
	width:60px;
	height:32px;
	float:right;
}
#company .con{
	border:1px solid #e1e1e1;
	color:#7f7f7f;
	padding:16px;
	padding-bottom:6px;
	border-top:0;
		line-height:22px;
}
#company .con a.more{
	color:#c00;
}
 
#honors{
	height:160PX;
	overflow:hidden;
}
#honors li{
	width:200px;
	float:left;
}
#honors li a{
	display:block;
	width:186px;
	margin:0 auto;
}
#honors li a img
{
    width:180px;
	border:2px solid #e3e5e4;
    height:130px;
}
#honors li span{
	display:block;
	 width:100%;
    text-overflow: ellipsis;
	white-space: nowrap;
	table-layout: fixed;
	text-align:center;
}
 
#problem{
	width:277px;
	height:380px;
	overflow:hidden;
}
.Ctitle{
	height:33px;
	line-height:33px;
	background:url(../mbimg/news_title.jpg) no-repeat;
}
 
#problem .Ctitle a.more{
	display:block;
	width:60px;
	height:32px;
	float:right;
}
#problem ul{
 border:1px solid #e1e1e1;
border-top:0;
display:block;
padding:8px;
height:330px;

}
#problem ul li {
	height:100px;
	display:block;
 
}
#problem ul li a,#problem ul li span{
	display:block;
	padding-left:35px;
}
#problem ul li a{
	line-height:12px;
	padding-top:5px;
	padding-right:5px;
	height:14px;
	overflow:hidden;
	table-layout:fixed;
	white-space:nowrap;
	width:80%;
	color:#fff;
	text-overflow:ellipsis;
	background:url(../mbimg/wen.jpg) 0px  0px #a2a2a2 no-repeat;
}
#problem ul li span{
	line-height:18px;
	color:#666;
	padding:5px;
	padding-left:35px;
	background:url(../mbimg/da.jpg) 0px  5px no-repeat;
}

.news{
	width:290px;
	float:left;
	margin-right:15px;
	padding:8px 12px;
	border:1px solid #dedede;
}
.news .title{
	height:30px;
	background:url(../mbimg/title_line.jpg) bottom left no-repeat;
}
.news .title span.txt{
	width:50%;
	float:left;
	text-indent:5px;
	font-weight:bold;
	font-size:13px;
	line-height:30px;
	color:#0446a7;
}
.news .title a.more{
	padding:10px;
	float:right;
}
#news_end{
	margin:0;
	float:right;
	width:245px;
}
#news_list{
	display:block;
	padding:3px;
	height:auto;
	overflow:hidden;
	width:98%;
}
#news_list li{
	height:25px;
	overflow:hidden;
	line-height:25px;
}
#news_list li a{
	display:block;
	white-space:nowrap;
	table-layout:fixed;
	text-overflow:ellipsis;
	overflow:hidden;
	padding-left:8px;
	background:url(../mbimg/icon.jpg) 0px  10px no-repeat;
	width:75%;
	float:left;
}
#news_list li span{
	color:#b0b1cf;
	font-size:11px;
	float:right;
}
#news_end #news_list li a{
	width:95%;
}
#link{
	 background:#d8eafe;
	 height:auto;
	 overflow:hidden;
}
#link .title{
	height:48px;
	width:90px;
	line-height:35px;
	color:#00387d;
	font-weight:bold;
	text-align:center;
	float:left;
	 
}
 
#link .con{
	padding:5px;
	width:87%;
	float:left;
}
#link .con a{
	padding-right:5px;
	line-height:22px;
	white-space:nowrap;
	color:#00397e;
	float:left;
}
footer{
 
	background:#013b85;
	padding:5px 0px;
	width:100%;
	display:block;
}
footer #footer{
	width:960px;
	padding:8px 0px;
	line-height:22px;
	color:#7f9dc1;
	text-align:center;
	
}
footer #footer .footLink{
	height:35px;
	margin:8px 0px;
	padding-top:8px;
	background:url(../mbimg/footLine.jpg) top no-repeat;
	
}
footer #footer .footLink a{
	padding:5px;
	color:#fff;
}
#main_frame{
	width:936px;
}
.main_left{
	width:200px;
}
.frame_Left .title{
	background:url(../mbimg/menu_title.jpg) repeat-x;
	height:35px;
	padding-top:3px;
	text-indent:15px;
	font-weight:bold;
	line-height:38px;
	font-size:14px;
	color:#fff;
}
#navList ul{
	border:1px solid #d5e0e6;
}
#navList ul li{
	background:url(../mbimg/nav_hover.jpg) no-repeat;
	height:30px;
	line-height:30px;
	text-indent:40px;
}
#navList ul li a:hover,#navList ul li a.current{
	font-weight:bold;
	color:#c00;
}
#contactLeft .con{
	padding:8px 4px;
	line-height:22px;
	color:#666666;
	border:1px solid #d5e0e6;
}
#NewsLeft .title{
	line-height:30px;
	background:#999999;
	text-indent:10px;
	color:#fff;
	font-weight:bold;
}
#NewsLeft ul{
	padding:8px 4px;
	border:1px solid #d5e0e6;
}
#NewsLeft ul li{
	height:25px;
	line-height:25px;
	padding-left:12px;
	background:url(../mbimg/icon.jpg) 2px 6px no-repeat;
}
#NewsLeft ul li a{
	display:block;
	width:100%;
	table-layout:fixed;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#main_right{
	width:77%;
}
#main_right .title{
	height:37px;
	border-bottom:1px solid #e5e5e5;
	line-height:37px;
	font-family:"宋体";
	padding-left:10px;
}
#main_right .title ins{
	color:#c00;
	text-decoration:none;
}
#main_right .con{
	padding:8px;
	line-height:24px;
	color:#545454;
}
  #pro_types
{
   width:197px;
   border:1px solid #d5e0e6; 
}
#SortNavLists {  background:#fff;  }
#SortNavLists dd {margin:0px;padding:0px;}
#SortNavLists dd dl dd {margin:0px;padding:0px;display:;}
#SortNavLists dd dl dt {	
background:url(../mbimg/proli_t.jpg) repeat-x;
  }
#SortNavLists dd dl dt a   
{
    display:block;
    margin-bottom:2px;
	line-height:36px;
	text-indent:25px;
	cursor:pointer;
    width:99%;
    text-overflow: ellipsis;
	white-space: nowrap;
	table-layout: fixed;
	background:url(../mbimg/proicon.gif) 7px 12px no-repeat;
	color:#616161;
	font-weight:bold;
  }
#SortNavLists dd dl dt a:hover 
{
 color:#cc0000;
}
#SortNavLists li {
       margin:0px; 
    font-weight:normal;
}
#SortNavLists li a 
 { display:block;
   text-indent:30px;
  text-decoration:none;
   height:24px;
  line-height:24px; 
  overflow:hidden;
   width:100%;
    text-overflow: ellipsis;
	white-space: nowrap;
	background:url(../mbimg/proicon.gif) 18px -46px no-repeat;
	table-layout: fixed;
	color:#757575;
	border-bottom:1px dashed #dddddd;
}
#SortNavLists ul
{
   
    width:100%;
    margin:auto;
	padding-bottom:5px;
}
#SortNavLists li a:hover,#SortNavLists li a.current
{
    text-decoration:none;
    color: #c00; 
}
#SortNavLists ul li ul li a
{
    text-indent:45px;
    background:url(../mbimg/proicon.gif) 32px -46px no-repeat;
}

#picshow{ width:960px; height:100px; margin:0 auto; background-color:#000;}


*html{
background-image:url(about:blank);
background-attachment:fixed;
}/*此代码解决IE6.0下不会出现闪动*/
.fixedBox {
width:150px;
height:180px;
position:fixed; /*支持实现w3c标准的浏览器*/
_position:absolute; /*单独针对IE6*/
left:50px;
bottom:50px;
_top:expression(eval(document.documentElement.scrollTop+200)); /*+200是IE6.0下面距离浏览器窗口顶部的位置*/
background:url(../mbimg/erwm.png) left top no-repeat;
/*IE6.0下面距离底部位置为0px*/
/*_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));*/
}
.fixedBox p{
width:150px;
height:30px;
line-height:30px;
vertical-align:middle;
text-align:center;
color:#000;
font-size:14px;
float:left;
margin-top:150px;
}